<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>套房详情</title>
<link href="bootstrapusers/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="bootstrapusers/js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="bootstrapusers/css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css" media="all">

<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Hind:400,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'>
<!--google fonts-->
<!-- animated-css -->
		<link href="bootstrapusers/css/animate.css" rel="stylesheet" type="text/css" media="all">
		<link href="bootstrapusers/css/bootstrap.min.css" rel="stylesheet">
        <link href="bootstrapusers/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Custom styles for this template -->
        <link href="bootstrapusers/css/style2.css" rel="stylesheet">
        <link href="bootstrapusers/fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
        <link rel="stylesheet" href="bootstrapusers/css/lightbox.min.css">
        <link href="bootstrapusers/css/responsive.css" rel="stylesheet">
        <script src="bootstrapusers/js/jquery.min.js" type="text/javascript"></script>
       <!-- <script src="js/bootstrap.min.js" type="text/javascript"></script>-->
        <script src="bootstrapusers/js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/instafeed.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/custom.js" type="text/javascript"></script>
		<script src="bootstrapusers/js/wow.min.js"></script>
		<script>
		 new WOW().init();
		</script>
<!-- animated-css -->
<script src="bootstrapusers/js/bootstrap.min.js"></script>
</head>
<body>
<!--header-top start here-->
<%@ include file="header.jsp" %>
<!--header end here-->
<!--single start here-->
<div class="single">
	<div class="container">
		<div class="single-top wow bounceInLeft" data-wow-delay="0.3s">
			<img class="img-responsive wow fadeInUp animated" data-wow-delay=".5s" src="bootstrapusers/images/13.jpg" alt="" />
				<div class="lone-line">
					<h1>舒适的豪华套房让您感受到宾至如归</h1>	
		<!-- 			<ul class="grid-blog">
							<li><span><i class="glyphicon glyphicon-time"> </i>08.09.2014</span></li>
							<li><a href="#"><i class="glyphicon glyphicon-comment"> </i>5 评论</a></li>
							<li><a href="#"><i class="glyphicon glyphicon-share"> </i>分享</a></li>
						</ul> -->
					
						<p class="wow fadeInLeft animated" data-wow-delay=".5s">奢华的公寓式客房和套间。宾客不仅可以体验真正的纽约生活，还可远离不夜之都的喧嚣，让身心回归宁静。 酒店里共有设计精良的239间客房和套间。精心营造极致舒适体验，让下榻宾客香甜入梦。 每间客房均配崭新床具，自然流露静谧与时尚之感。大理石浴室采用特殊情景照明和酒店特色技术。
						<span>豪华客房更为宽敞，并且可在酒店庭院景致或热闹街景之中进行选择。 双层玻璃窗确保每位宾客在下榻期间享受宁静。 大理石浴室配备独立淋浴间和浴缸、电视以及免提电话，精心营造极致舒适体验。</span></p>
				</div>
		</div>
		<div class="comment wow bounceInRight" data-wow-delay="0.3s">
							<h3>评 论</h3>
<!-- 							 <div class="media wow fadeInLeft animated" data-wow-delay=".5s">
					<table  id="test" ></table> -->
							    </div>
				       <c:forEach items="${pd.data}" var="a">
			      	 <c:if test="${a.commentstatus==0}">
			
							   <div class="media media-1 wow fadeInUp animated" data-wow-delay=".5s">
								<div class="code-in">
								   
									<p class="smith"><a href="personalpage"  style=" font-family:微软雅黑 ; font-size:20px; ">${a.username}</a></p> <br>
							
									<br>
									<p  style=" font-family:宋体 ; font-size:10px; "> 下单时间:${a.orderstartdate}</p>
									<div class="clearfix"> </div>
								</div>
							  	<div class="media-left">
							        
							        	<img src="bootstrapusers/images/b${a.roomtype}.png" alt="">
							        
							     </div>
							    <div class="media-body">
		
									<p style=" font-family:黑体 ; font-size:30px; ">${a.commentcontent}</p>
								<div class="media-bottom">
							     
							        	<img src="/image/${a.commentfile}" alt="" style="width:30%;height:30%">
						
							     </div> 
							      </div>
							    </div>
						    </c:if> 
							    	</c:forEach>
							    	
							    	
							    	
							    	

						 </div>

	</div>		
</div>
<!---->
<!--single end here-->

<!--footer start here-->


<%@ include file="footer.jsp" %>
</body>
<script type="text/javascript">
$(document).ready(function() {
		$.ajax({
			'type' : 'get',
			'url' : 'listOrdercomment?page=1&limit=100',
			'success' : function(cm) {
				if(location.href.indexOf("#reloaded")==-1){
			        location.href=location.href+"#reloaded";
			        location.reload();
			    }
			}
		});
	});

</script>




</html>